/**
 * Created by Administrator on 2017/5/29 0029.
 */
$(function () {
    //遍历最左边导航部分的节点
    $('#main .deta-main .center .left ul li').each(function (index, oli) {
        $('#main .deta-main .center .left ul li').eq(index).on('mouseenter', function () {
            //显示右边区域的节点
            $('#main .deta-main .center .middle .big img').attr('src', 'images/deta.1.' + (index + 1) + '.jpg')
            $('#main .deta-main .center .middle .hid').css('background-image', 'url(images/deta.2.' + (index + 1) + '.jpg)')

        })
    })

//当光标移到中间小盒子区域是
    $('#main .deta-main .center .middle .big .yin').on('mousemove', function (event) {
        $(this).prev().show()//当鼠标移入显示出来

        $('#main .deta-main .center .middle .hid').show()
        $(this).prev().css('left', event.pageX - $(this).parent().offset().left - parseInt($(this).prev().css('width')) / 2)//跟随鼠标移动X轴方向位移

        $(this).prev().css('top', event.pageY - $(this).parent().offset().top - parseInt($(this).prev().css('height')) / 2)//跟随鼠标移动Y轴方向位移
        //判断当小图标超出区域后恒定为一个值
        if ($(this).prev().css('left') <= '0px') {
            $(this).prev().css('left', 0)
            console.log();
        } else if (parseInt($(this).prev().css('left')) >= 300) {
            $(this).prev().css('left', 300)
        }
        //判断当小图标超出上边区域为恒定值
        if ($(this).prev().css('top') <= '0px') {
            $(this).prev().css('top', 0)
        } else if (parseInt($(this).prev().css('top')) >= 300) {
            $(this).prev().css('top', 300)
        }


        //放大镜放大效果

        $('#main .deta-main .center .middle .hid').css('background-position-x', -parseInt($(this).prev().css('left')) * 3.66)
        $('#main .deta-main .center .middle .hid').css('background-position-y', -parseInt($(this).prev().css('top')) * 3.66)


    })

//当鼠标移出的时候
    $('#main .deta-main .center .middle .big .yin').on('mouseleave', function (event) {

        $(this).prev().hide()//当鼠标移c出隐藏
        $('#main .deta-main .center .middle .hid').hide()

    })


    //当鼠标点击时选中的颜色变化
    $('#main .deta-main .center .right .norms ul').eq(1).find('div').on('click', function () {
        $(this).css('border-color', 'red').siblings().css('border-color', '#666')
    })


    //当鼠标点击该节点对象时购买的数量依次递增
    var number = 1
    $('#main .deta-main .center .num ul li').eq(1).find('div').eq(1).find('a').eq(0).on('click', function (event) {
        event.preventDefault()
        number++
        $(this).parent().prev().html(number)
    })


    $('#main .deta-main .center .num ul li').eq(1).find('div').eq(1).find('a').eq(1).on('click', function (event) {
        event.preventDefault()
        number--
        if (number <= 0) {
            number = 0
        }
        $(this).parent().prev().html(number)
    })

    $('#main .deta-main .center .right .num ul li').eq(2).find('input').on('click', function () {
        $('#warp-header .last li').eq(3).find('span').html(number).css('color', 'red')
        if (number == 0) {
            $('#warp-header .last li').eq(3).find('span').html('')
        }
    })


    $('#main .deta-main .center .right .num ul li').eq(2).on('click', function () {

        var rname = $('#main .deta-main .center .right .name strong').html()//商品名称
        var url = 'images/deta.1.jpg'//商品的路径
        var price = $('#main .deta-main .center .right .cost del').html()//商品的单价
        var num = $('#main .deta-main .center .right .num ul li').eq(1).find('div').eq(0).html()//商品的数量
        var smprice=$('#main .deta-main .center .right .cost span').html()//商品的折扣价格
        var color='白色'
        var sum=parseInt(price.substr(1))*num//未折扣总价
        var privilege=(parseInt(price.substr(1))*num)-(parseInt(smprice.substr(1))*num)//折扣价格
        var sumnym=parseInt(smprice.substr(1))*num//最后结算价格
        var strobj={}
        strobj.rname=rname
        strobj.url=url
        strobj.price=price
        strobj.num=num
        strobj.smprice=smprice
        strobj.sum=sum
        strobj.privilege=privilege
        strobj.sumnym=sumnym
        strobj.color=color
        str=JSON.stringify(strobj)
        setCookie('product',str,20)

        window.location.href='cart.html'
     })

})